<template>
  <a-card style="width: 100%;" title="﹝ 提案预览 ﹞" hoverable :headStyle="{ fontWeight: 'bold' }">
      <a-descriptions :column="2">
        <template #title>
          <a-Tag style="fontsize: 16px; padding: 3px 10px;color: #1890ff;">{{
            `提案名称---${overture?.overtureName}`
          }}</a-Tag>
        </template>
        <a-descriptions-item label="提案编号">A01</a-descriptions-item>
        <a-descriptions-item label="提案人">{{
          overture?.overturePeople
        }}</a-descriptions-item>
        <a-descriptions-item label="提案时间">{{
          overture?.writeTime
        }}</a-descriptions-item>
        <a-descriptions-item label="教代会届次">{{
          overture?.forTeachers
        }}</a-descriptions-item>
        <a-descriptions-item label="提案人工会"
          >软件开发工会</a-descriptions-item
        >
        <a-descriptions-item label="代表团名称">{{
          overture?.delegacy
        }}</a-descriptions-item>
        <a-descriptions-item label="提案类型">{{
          overture?.overtureType
        }}</a-descriptions-item>
        <a-descriptions-item label="立案结果">暂无</a-descriptions-item>
        <a-descriptions-item label="提案内容" :span="2">
          <p v-html="overture?.cause"></p>
        </a-descriptions-item>
        <a-descriptions-item label="可行性分析" :span="2">
          <p v-html="overture?.adviceAndMeasures"></p>
        </a-descriptions-item>
        <a-descriptions-item label="签字" :span="2">
          <p style="text-align: center; width: 100%">无</p>
        </a-descriptions-item>
      </a-descriptions>
  </a-card>
</template>

<script setup lang="ts">
defineProps<{
  overture: any;
  code: number;
  sign: boolean;
  title: string;
  behindData: any;
}>();
</script>

<style scoped lang="less">
:deep(.ant-card-body) {
  background-size: 20px 20px;
  background-position: 50%;
  background-image: linear-gradient(
      90deg,
      rgba(159, 219, 252, 0.15) 6%,
      transparent 0
    ),
    linear-gradient(1turn, rgba(159, 219, 252, 0.15) 6%, transparent 0);
      cursor: default;
}
:deep(.ant-card-head-title) {
  background-size: 20px 20px;
  background-position: 50%;
  background-image: linear-gradient(
      90deg,
      rgba(159, 219, 252, 0.15) 6%,
      transparent 0
    ),
    linear-gradient(1turn, rgba(159, 219, 252, 0.15) 6%, transparent 0);
}
:deep(.ant-descriptions-item-label) {
  color: #909399;
}
:deep(.ant-card-body) {
  cursor: default;
}
</style>
